<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form name="form1">
			<input type="text" name="username" value="张三" />
		</form>
		
		<button onclick="add()">添加</button>
		
		<script type="text/javascript">
			function add()
			{
				// 创建一个网页元素对象
				var txt = document.createElement("input");
				// 设定属性
				txt.type = "text";
				txt.name = "nickname";
				txt.value = "小沈";
				
				// 放入到某个元素下面
				document.form1.appendChild(txt);
				
				// 练习:
				// 书上p187 
				// 综合练习1
				// 设置以一个下拉菜单，选项(网页样式1 网页样式2 网页样式3 ...)
				// 点选某个选项，修改网页的背景和网页文本颜色
				
				// 综合练习3 
				// 添加一个按钮  "添加用户头像"
				// 每按一下，添加一张图片到网页中
				// 提示： 使用document.createElement 创建 img 
				//       然后设置src属性 ，然后添加到网页中
				
			}
		</script>
	</body>
</html>